<template>
	<view class="page-box search-bar" :style="{'height': Height}">
		<icon-bar name="iconsousuo1" color="#707070" :size='32'></icon-bar>
		<view class="uni-text-color search-bar-text">搜索商品</view>
	</view>
</template>

<script>
	export default {
		name: 'UniSearch',
		title: '搜索栏',
		props: {
			height: {
				type: Number,
				default: 60
			}
		},
		computed: {
			Height() {
				return `${this.height}rpx`
			}
		},
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.search-bar{
		width: 100%;
		flex: 1;
		font-size: 24upx;
		background: #f7f7f7;
		border-radius: 10upx;
		display: flex;
		justify-content: center;
		align-items: center;
		.search-bar-text{
			margin-left: 10upx;
		}
	}
</style>
